<script setup>
import { ref, toRefs } from 'vue';
const user = ref({name: '张三', age: 18});
// 直接结构会丢失响应式
// let {name, age} = user.value
// 需要用 toRefs 包住需要结构的数据, 这个函数会将包住的数据里面的属性都变成响应式, 返回对象
const {name, age} = toRefs(user.value)

const birthday = () => {
  age.value++
} 
</script>

<template>
    <div>
      {{ name }} 已经 {{ age }} 岁了
      <button @click="birthday">过生日</button>
    </div>
</template>
  
<style lang="less">

</style>
  